<template>
  <div id="footer" class="py-4">
    <b-container>
      <b-row class="footer-group px-2 py-2 fst-italic">
        <b-col cols="12" md="8" class="py-2">
          ©2021 {{ title }}
          <span class="fc-red"
            ><b-link class="icp fc-red" href="https://beian.miit.gov.cn/">{{ icp }}</b-link></span
          >
        </b-col>
        <b-col cols="12" md="4" class="py-2 text-end">
          <i class="zi zi_tmGithub zi_2x mx-2" zico="github"></i>
          <i class="zi zi_tmQq zi_2x mx-2"></i>
          <i class="zi zi_tmWeixin zi_2x mx-2"></i>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
export default {
  name: "Footer",
  data() {
    return {
      title: "HUHONG'S BLOG",
      icp: "桂ICP备12000569号-3",
    };
  },
};
</script>

<style lang="less" scoped>
#footer {
  background-color: rgb(29, 37, 39);
  color: rgb(170, 170, 170);
  font-weight: 300;

  .footer-group {
    display: flex;
    align-items: center;
  }

  .icp {
    text-decoration: none;
  }
}
</style>
